<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prime Resort  |  Memberships Booking</title>
<meta name="description" content="Description Comes here" />
<meta name="keywords" content="Place Keywords here" />
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/960_24_col.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>

</head>
<body>
<div id="header">
	<div class="container_24">
    	<div class="grid_24">
            <div class="grid_12 omega" id="logo">
            <a href="#"><span>Prime Resort</span></a>
            </div><!--/.grid_12-->
            
           
        </div><!--/.grid_24-->
        <div id="primary-nav" class="grid_24">
        	<ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Rooms</a></li>
                <li><a href="#">Packages</a></li>
                <li><a href="#">Membership</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">FAQ</a></li>
        	</ul>
        </div><!--/#primary-nav-->
        </div><!--/.container_24-->
</div><!--/#header-->

<div id="main" class="container_24">
	<div id="contents" class="grid_17">
   <div class="resort-list">

                <div class="resort-heading">
                <h3 class="margin-0"><a href="#">Membership Name</a></h3>
                <div class="clearfix"></div>
                </div><!--/.resort-heading-->
                
                <div>
                	<h4 class="features">Fees : 50000 Rs per person</h4>
                    
                    <p><b><label>Enter No. of dependents : </label></b><input type="number" name="" id="no-of-dependants"/><input class="margin-left-10" value="Proceed" type="button" onclick="add_input()" /></p>
                    
                </div>
                <form class="stylish-form">
                <div id="dynamic_inputs" class="dynamic">
                    <!-- Dynamic textboxes for dependants will be generated here-->
                    
                    
                 </div>
                 <div class="clearfix"></div>
                </form>
                <br />
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida, dolor eu imperdiet commodo, nisl lacus faucibus libero, nec luctus diam turpis ac augue. Phasellus vitae sollicitudin felis. <a href="#" class="more-link">View More</a></p>

       </div><!--/.resort-list-->
    </div><!--/.contents-->
     <div id="sidebar" class="grid_7">
     	
        <div class="sidebar">
        	<h2>Packages</h2>
            
        </div><!--/.sidebar-->
        
         <div class="sidebar">
        	<h2>Memberships</h2>
            
        </div><!--/.sidebar-->
        
         <div class="sidebar">
        	<h2>Upcoming Events</h2>
            
        </div><!--/.sidebar-->
        
        
     </div><!--/#sidebar-->
</div> <!--/#main-->
<div class="clearfix"></div>
<div id="footer" class="container_24">
	<div id="footer-nav" class="grid_24">
    	<ul>
        	<li><a href="#">Home</a></li>
                <li><a href="#">Rooms</a></li>
                <li><a href="#">Packages</a></li>
                <li><a href="#">Membership</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">FAQ</a></li>
        </ul>
    </div><!--/#footer-nav-->
    <div class="grid_14">
    	<p>Copyright © Prime Resort. All Rights Reserved.</p>
        <p>Website best viewed in Firefox 3+, IE 7+, Chrome, Opera</p>
    </div>
    <div class="grid_10 ">
    	
        
    </div>
</div><!--/#footer-->

<script type="text/javascript">
function add_input(){ // dynamic textbox generation script
		
	
		var counter = document.getElementById('no-of-dependants').value;
		var div_id = document.getElementById('dynamic_inputs');
		
		if(counter>0)
		{
			div_id.innerHTML = "<br/><h4>Enter the Details of dependants</h4>";
			
			
			for (var i=1;i<=counter;i++)
			{
				var link = document.createElement('div');
				link.setAttribute('class', 'dependents-div');
				link.innerHTML="<label>Dependant "+i+" Name</label><input type='text' name='dependant-"+i+"' id='' />";
				div_id.appendChild(link);	
			}
			
			var button = document.createElement('div');
			button.setAttribute('id', 'proceed-button');
			button.innerHTML="<div class='clearfix'></div><input type='submit' value='Proceed' id='proceed'/>";
			div_id.appendChild(button);
		}
		else
		{
			div_id.innerHTML="";
			}

     	}
</script>
</body>
</html>
